<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<title>IAIA视频 · 记录美好生活</title>
	<!-- <link rel="shortcut icon" type="image/png" href="./static/img/softeem_icon.png" /> -->
	<link rel="stylesheet" href="./static/layui/css/layui.css">
	<link rel="stylesheet" href="./bootstrap/css/bootstrap.min.css" type="text/css">
	<link rel="stylesheet" type="text/css" href="./static/css/index.css" />
	<link rel="stylesheet" type="text/css" href="./static/font-awesome-4.7.0/css/font-awesome.min.css" />
</head>

<body class="layui-layout-body">

	<div class="layui-layout layui-layout-admin">
		<div class="layui-header">
			<div class="layui-logo">
				<!-- <img src="./static/img/softeem_logo.png" width="110px" /> -->
			</div>
			<ul class="layui-nav layui-layout-right">
				<!-- <li class="layui-nav-item">
					<img src="./static/img/photo.jpg" class="layui-nav-img" />
					秋小愚👅
				</li> -->
				<li class="layui-nav-item"><a href="login.html">退出登录</a></li>
			</ul>
		</div>
	</div>


	<div class="layui-row" style="background-color: #F7F8F9;">
		<div class="layui-col-md10 layui-col-md-offset1">

			<div class="layui-row">
				<div class="layui-col-md3" style="min-height: 650px;">

					<div class="menu">
						<div class="menu_box">

							<div class="user-info">
								<div class="user-img">
									<img src="./images/头像.jpg">
									<div class="user-text" id="get_username"></div>
									<div class="user-text" id="get_userid" style="display: none;"></div>
								</div>

								<div class="user-figure">
									<div class="user-figure-item">
										<div class="figure">
											0
										</div>
										<div class="text">
											获赞
										</div>
									</div>

									<div class="user-figure-item">
										<div class="figure">
											0
										</div>
										<div class="text">
											关注
										</div>
									</div>

									<div class="user-figure-item">
										<div class="figure">
											0
										</div>
										<div class="text">
											粉丝
										</div>
									</div>

								</div>

							</div>

							<div class="user-menu">
								<div class="group">
									<div class="title">观看视频</div>
									<div class="container">
										<a href="#/hot">
											<div class="item" id="publish-hot" data-menu="menu-item">
												<div class="icon">
													<span class="fa fa-address-book"></span>
												</div>热门视频
											</div>
										</a></div>
								</div>
								<div class="group">
									<div class="title">发布视频</div>
									<div class="container">
										<a href="#/upload">
											<div class="item" id="publish-btn" data-menu="menu-item">
												<div class="icon">
													<span class="fa fa-upload"></span>
												</div>上传视频
											</div>
										</a>
									</div>
								</div>
								<div class="group">
									<div class="title">内容管理</div>
									<div class="container">
										<a href="#/manage">
											<div class="item" id="videolist-btn" data-menu="menu-item">
												<div class="icon">
													<span class="fa fa-address-book"></span>
												</div>视频管理
											</div>
										</a></div>
								</div>
							</div>

						</div>
					</div>

				</div>
				<div class="layui-col-md9" style="min-height: 650px;">
					<!--start publish-video-->
					<div class="card-container" id="publish-video" style="display: none;">

						<div class="card-layout">
							<div class="title">
								&nbsp;
							</div>
							<div class="title-container">
								<div class="upload-title">
									发布视频
								</div>
							</div>
							<div class="container-content" id="upload-container">
								<div class="upload">
									<label class="upload-btn">
										<div class="box">
											<span class="fa fa-cloud-upload fa-5x"></span>
											<div class="desc"><span class="btn">点击选择文件 </span>
												<!--或直接将视频文件拖入此区域-->
											</div>
											<!-- <div class="info-desc">为了更好的观看体验，推荐上传9:16的竖版视频</div> -->
										</div>
										<input class="upload-btn-input" type="file"  name="fileName1" id="fileName1"
											accept="video/mp4,video/x-m4v,video/*" style="display: none;">
									</label>

								</div>
								<div class="col-md-12"  >
									<input type="button" class="btn btn-default center-block"  onclick="sendToUser()" id="sendToUser" value="点击上传" />
								</div>
								<div class="info">
									<div class="info-item">
										<p class="title">视频格式</p>
										<p class="desc">支持MP4视频格式</p>
									</div>
									<div class="info-item">
										<p class="title">视频大小</p>
										<p class="desc">视频文件大小不超过1G</p>
									</div>
									<div class="info-item">
										<p class="title">视频分辨率</p>
										<p class="desc">分辨率为720p（1280x720）及以上</p>
									</div>
								</div>
							</div>

						</div>
					</div>
					<!--end publish-video-->

					<!--start video-list  -->
					<div class="card-container" id="video-list" style="display: none;">

						<div class="card-layout">
							<div class="title">
								&nbsp;
							</div>
							<div class="title-container">
								<div class="upload-title">
									视频管理
								</div>
							</div>

							<div style="overflow-y:auto; overflow-x:auto; width:800px; height:550px;">
								<table class="layui-table" lay-skin="nob" lay-size="bg" >
									<colgroup>
										<col width="150">
										<col>
									</colgroup>
									<tbody id="one_hotvideo">
										<tr>
											<td>
												<img class="video-img" src="static/img/v1.jpg">
											</td>
											<td>
												<div class="ms">男神。。。</div>												
											</td>
											<td>
												<button class="btn btn-warning">删除</button>
												<button class="btn btn-success">分享</button>
											</td>

										</tr>
										
									</tbody>
								</table>
							</div>
						</div>
					</div>
					<!--end video-list  -->
					<!--start hot-video  -->
					<div class="card-container " id="hot-list" style="display:none;">
						<div class="card-layout">
							<div class="title">
								&nbsp;
							</div>
							<div class="title-container">
								<div class="upload-title">
									热门视频
								</div>
							</div>
							<div class="" style="overflow-y:auto; overflow-x:auto; width:600px; height:550px;">
								<table class="layui-table " lay-skin="nob" lay-size="bg">
									<colgroup>
										<col width="150">
										<col>
									</colgroup>
									<tbody id="all_hotvideo">
										
										<tr>
											<td class=".col-md-2 " style="text-align: start;">男神。。。</td>
		
											<td class=".col-md-6" style="display: block;">
												<video  height="320" width="180" controls preload="metadata" class="center-block ">
													<source src="C:/Users/28400/Desktop/MAOBING_20180529_221833.mp4">
												</video>
											</td>
											<td class=".col-md-4"><button class="glyphicon glyphicon-heart "  > 收藏 </button></td>
										</tr>
										<!-- <tr>
											<td>
												<video  height="240px" controls preload="metadata" >
													<source src="C:/Users/28400/Desktop/MAOBING_20180529_221833.mp4">
												</video>
											</td>
											<td>男神。。。</td>
										</tr> -->
										<!-- <tr>
											<td onclick="playvideo(this)">
												<img class="video-img" src="static/img/v1.jpg">
											</td>
											<td>男神。。。</td>
										</tr> -->
									</tbody>
								</table>
							</div>
						</div>
						
					</div>
					<!--end hot-video  -->
				</div>

			</div>
		</div>
	</div>

 <!-- Large modal -->
	<div id="addModal" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
		<div class="modal-dialog modal-lg" role="document">
		<div class="modal-content">
		
		</div>
		</div>
	</div>
</body>
<script src="./static/js/jquery-3.1.0.js"></script>
<script src="./bootstrap/js/bootstrap.min.js"></script>
<script src="./static/layui/layui.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/getUrlParam.js"></script>
<script src="./js/index.js"></script>
<!-- <script >
	function playvideo(obj){
		$("#addModal").modal('show');
		var src=obj.parentNode.children[2].innerText;
		// console.log(obj.parentNode.children[2].innerText)		
		var playvideosrc=document.getElementById("play_video_src");
		playvideosrc.src=src;
		console.log(playvideosrc);
	}
</script> -->

</html>